// import React from 'react';
// import { Text, View } from '@ray-js/ray';
import { NavBar, Button } from '@ray-js/smart-ui';
import { IconFont } from '@/components/icon-font';
import styles from './index.module.less';


import LampTouchSlider from '@ray-js/lamp-vertical-touch-slider';

import { Slider } from '@ray-js/smart-ui';

// import { useState } from 'react';
import { LampTempSlider } from '@ray-js/components-ty-lamp';

import { View, Text } from '@ray-js/components';
import React, { useState, useEffect } from 'react';
import { LampBrightSlider } from '@ray-js/components-ty-lamp';

import { Row, Col } from '@ray-js/smart-ui';


import Cw1 from './../../components/cw';


export function Home() {


  return (
    <>
      {/* 头部 */}
      <NavBar leftText="" leftTextType="home" />

      {/* <View className={styles.view}> */}

      {/* <View  > */}

      <View style={{ marginTop: '100rpx' }}>

        <Row gutter="10">{/* 在列元素之间增加间距 */}
          <Col span="12" >
            <View
              style={{
                padding: '0 10rpx 0 40rpx',
              }}
            >
              <View
                style={{
                  padding: '10rpx 10rpx 10rpx 10rpx',
                  backgroundColor: '#ffffff',
                  borderRadius: '16rpx',
                  overflow: 'hidden',
                  boxShadow: '0 4rpx 12rpx rgba(0, 0, 0, 0.1)',
                }}
              >
                <Cw1 />
              </View>
            </View>
          </Col>

          <Col span="12" >
            <View
              style={{
                padding: '0 40rpx 0 10rpx',
              }}
            >
              <View
                style={{
                  padding: '10rpx 10rpx 10rpx 10rpx',
                  backgroundColor: '#ffffff',
                  borderRadius: '16rpx',
                  overflow: 'hidden',
                  boxShadow: '0 4rpx 12rpx rgba(0, 0, 0, 0.1)',
                }}
              >
                <Cw1 />
              </View>
            </View>
          </Col>

        </Row>

        <View
          style={{
            height: '100rpx',
          }}
        ></View>



        <Row gutter="10">{/* 在列元素之间增加间距 */}
          <Col span="12" >
            <View
              style={{
                padding: '0 10rpx 0 40rpx',
              }}
            >
              <View
                style={{
                  padding: '10rpx 10rpx 10rpx 10rpx',
                  backgroundColor: '#ffffff',
                  borderRadius: '16rpx',
                  overflow: 'hidden',
                  boxShadow: '0 4rpx 12rpx rgba(0, 0, 0, 0.1)',
                }}
              >
                <Cw1 />
              </View>
            </View>
          </Col>



          <Col span="12" >
            <View
              style={{
                padding: '0 40rpx 0 10rpx',
              }}
            >
              <View
                style={{
                  padding: '10rpx 10rpx 10rpx 10rpx',
                  backgroundColor: '#ffffff',
                  borderRadius: '16rpx',
                  overflow: 'hidden',
                  boxShadow: '0 4rpx 12rpx rgba(0, 0, 0, 0.1)',
                }}
              >
                <Cw1 />
              </View>
            </View>
          </Col>

        </Row>


      </View>








      {/* </View> */}
      {/* </View> */}

    </>
  );
}

export default Home;
